.clearfix:after {
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
    content: "";
}

.clearfix {
    position: relative;
    zoom: 1;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.flex {
    display: flex;
    align-items: center;
    justify-content: center;
}

.flex-between {
    justify-content: space-between;
}

.flexColumn {
    flex-direction: column;
}

.flex-grow {
    flex: 1;
    width: 0;
}

.flex-shrink {
    flex-shrink: 0;
}

.TXTovehid {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.safebottom {
    padding-bottom: env(safe-area-inset-bottom);
}

page,
view,
text,
button,
form,
textarea{
    box-sizing: border-box;
    vertical-align: inherit;
}

view,
form {
    display: block;
}

// button[type=primary],
// .uni-button[type=primary] {
//     background-color: #22d59d;
// }

// button[type=primary]:after,
// .uni-button[type=primary]:after {
//     border: none;
// }

// .button-hover[type=primary] {
//     background-color: #1db585;
// }

// .uni-input-placeholder,
// .input-placeholder {
//     color: #999999;
// }

.main-color {
    color: $uni-color-primary;
}

view,
rich-text,
.uni-view,
.uni-rich-text {
    word-break: break-all;
}

// 富文本解析公共样式
.v-html {
    img {
        max-width: 100% !important;
        height: auto !important
    }
}

.u-empty {
    text-align: center;
}